{% extends "base.html" %}

{% block title %}
Index
{% endblock title %}

{% block extrahead %}
$(function() {
		$('#botao_home').addClass('active');
		$( "#data_aula" ).datepicker({
			changeMonth: true,
			changeYear: true,
                        dateFormat: 'dd/mm/yy',
                        yearRange: '1900:2011'
		});
		$( "#data_aula2" ).datepicker({
			changeMonth: true,
			changeYear: true,
                        dateFormat: 'dd/mm/yy',
                        yearRange: '1900:2011'
		});

	});
	
{% endblock extrahead %}
{% block content %}

<div class="content-box">
    <div class="box-body">
	<div class="box-header clear">
	    <ul class="tabs clear">
		<li><a href="#tab1" class="selected">Aniversariantes</a></li>
		<li><a href="#tab2">Aulas do dia</a></li>
		{% if perm_coor %}
		<li><a href="#tab4">Relatorios das Aulas</a></li>
		{% endif %}
		<li><a href="#tab3">Bloco de notas</a></li>
	    </ul>
	</div>
	
	<div class="box-wrap clear">
		<div id="tab1" style="display: block;">
			<table>
				<td>
					<h2> Aniversariantes do mês </h2>
					<h4> Funcionários: </h4>
					    {% if aniversariantes_funcionarios_mes %}
						{% for funcionario in aniversariantes_funcionarios_mes %}
							<p>{{funcionario.nome}} - {{funcionario.data_nascimento|date:"d/M"}}</p>
						{% endfor %}
					    {% else %}
						<p> Não há funcionários que fazem aniversário neste mês. </p>
					    {% endif %}
					<h4> Alunos: </h4>
					    {% if aniversariantes_alunos_mes %}
						{% for aluno in aniversariantes_alunos_mes %}
							<p>{{aluno.nome}} - {{aluno.data_nascimento|date:"d/M"}}</p>
						{% endfor %}
					    {% else %}
						<p> Não há alunos que fazem aniversário neste mês. </p>
					    {% endif %}
					    
				</td>
				<td>
				<h2> Aniversariantes do próximo mês </h2>
				<h4> Funcionários: </h4>
				    {% if aniversariantes_funcionarios_prox_mes %}
					{% for funcionario in aniversariantes_funcionarios_prox_mes %}
						<p>{{funcionario.nome}} - {{funcionario.data_nascimento|date:"d/M"}}</p>
					{% endfor %}
				    {% else %}
					<p> Não há funcionários que farão aniversário no próximo mês. </p>
				    {% endif %}
				<h4> Alunos: </h4>
				    {% if aniversariantes_alunos_prox_mes %}
					{% for aluno in aniversariantes_alunos_prox_mes %}
						<p>{{aluno.nome}} - {{aluno.data_nascimento|date:"d/M"}}</p>
					{% endfor %}
				    {% else %}
					<p> Não há alunos que farão aniversário no próximo mês. </p>
				    {% endif %}
				</td>
			</table>
	</div>
	    
	<div id="tab2" style="display: none;">
		<div class="box-header clear">
			<h2>Aulas de hoje - {{hoje2}}</h2>
		</div>
		<div class="box-wrap clear">
		<!-- DATA-TABLE JS PLUGIN -->
		<div id="data-table">
			<form method="post" action="">
				<table class="style1 datatable">
				<thead>
					<tr>
						<th>Professor:</th>
						<th>Local:</th>
						<th>Aluno:</th>
						<th>Inicío:</th>
						<th>Fim:</th>
						<th>Valor:</th>
						<th>Tipo:</th>
					</tr>
				</thead>
				<tbody>
					{% for aula in lista_aulas %}
						<tr>
							<td>{{aula.professor.detalheusuario.nome}}</td>
							<td>{{aula.local}}</td>
							<td>{% for nome in aula.aluno.all %}
								{{nome}} <br>
							{% endfor %}
							</td>
							<td>{{aula.inicio.time}}</td>
							<td>{{aula.fim.time}}</td>
							<td>{{aula.valor}}</td>
							<td>{{aula.tipo}}</td>
						</tr>
					{% endfor %}                                        
				</tbody>
				</table>
				<table class="basic" cellspacing="0">
					<tr>
						<form action="/exporta_aulas_dia/" method="post" class="validate-form form bt-space15">
						<th><h4 class="excel"> Aulas do Dia <h4></th>
						<th><h4 class="excel"> Unidade: </h4></th>
								<th>
										<select name="unidade">
												{% for unidade in lista_unidades%}
												<option value="{{unidade.nome}}"> {{unidade.nome}} </a></option>
												{%endfor%}
										</select>
								</th>
								<th><h4> Data: </h4></th>
								<th> <input type='text' name='data_aula' id='data_aula' ></th>
								<th><input type="submit" class="button green size-121 fl" value="Exportar Aulas" /></th>        
						</form>    
					</tr>
					<tr>
						<form action="/exporta_aulas_casa/" method="post" class="validate-form form bt-space15">
						<th><h4 class="excel"> Aulas do Dia - Casa do Aluno <h4></th>
						<th><h4 class="excel"> Unidade: </h4></th>
								<th>
										<select name="unidade">
												{% for unidade in lista_unidades%}
												<option value="{{unidade.nome}}"> {{unidade.nome}} </a></option>
												{%endfor%}
										</select>
								</th>
								<th><h4> Data: </h4></th>
								<th> <input type='text' name='data_aula' id='data_aula2' ></th>
								<th><input type="submit" class="button green size-121 fl" value="Exportar Aulas" /></th>        
						</form>    
					</tr>
				</table>
					<div class="tab-footer clear fl">                                        
				</div>
			</form>
		</div><!-- /#table -->                        
		</div><!-- end of box-wrap -->
	</div>
	{% if perm_coor %}
	<div id="tab4" style="display: none;">
		<div class="box-header clear">
			<h2>Relatórios a serem confirmados</h2>
		</div>
		<div class="box-wrap clear">
		<!-- DATA-TABLE JS PLUGIN -->
		<div id="data-table">
				<table class="style1 datatable">
				<thead>
					<tr>
						<th>Professor:</th>
						<th>Local:</th>
						<th>Aluno:</th>
						<th>Inicío:</th>
						<th>Fim:</th>
						<th>Tipo:</th>
						<th>Ver Relatório:</th>
					</tr>
				</thead>
				<tbody>
					{% for relatorio in lista_aulas_relatorio %}
						<tr>
							<td>{{relatorio.aula.professor.detalheusuario.nome}}</td>
							<td>{{relatorio.aula.local}}</td>
							<td>{% for nome in relatorio.aula.aluno.all %}
								{{nome}}
							{% endfor %}
							</td>
							<td>{{relatorio.aula.inicio.time}}</td>
							<td>{{relatorio.aula.fim.time}}</td>
							<td>{{relatorio.aula.tipo}}</td>
							<td><a href="/verificacao_relatorio_aula/{{relatorio.aula.id}}/"><input type="button" class="button green size-80 fl-space2" value="Ver Relatório" ></a></td>
						</tr>
					{% endfor %}                                        
				</tbody>
				</table>
				
					<div class="tab-footer clear fl">                                        
				</div>
				
		</div><!-- /#table -->                        
		</div><!-- end of box-wrap -->
	</div>
	{% endif %}
	
	<div id="tab3" style="display: none;">
		<cufon class="cufon cufon-canvas" alt="Agenda " style="width: 64px; height: 18px;"><canvas width="84" height="22" style="width: 84px; height: 22px; top: -3px; left: -3px;"></canvas><cufontext>Contents </cufontext></cufon>
			        {% if erro %}
                <div class="notification note-error">
                        <a href="#" class="close" title="Close notification">close</a>
                        <p><strong>Erro no Sistema:</strong> Tente novamente mais tarde.</p>
                </div>
		{% endif %}
		{% if success %}
			<div class="notification note-success">
				<a href="#" class="close" title="Close notification">close</a>
				<p><strong>Anotação salva com sucesso!</strong></p>
			</div>
		{% endif %}	
		<form action="/index/" method="POST" class="validate-form form bt-space15" action="" onSubmit="return confirm('Você deseja realmente enviar esses dados?');">
			<div class="columns clear bt-space15">
				<div class="col2-3">
					<table>
						{% for field in usuario_form %}
						<tr>
						    <th>{{ field.label_tag }}:</th>
						    <td>{{ field }} {{ field.errors }}</td>
						</tr>
						{% endfor %}
					</table>
				</div>
			</div>
		<table class="botoes">
			<td><input type="submit" class="button green size-120 fl" value="Salvar Dados" />
		</table>
		</form>
	</div>
	    
	</div> 
    </div> 
</div>
{% endblock content %}